
<!-- footer-->
<div class="footer">
    <div class="container">
        <div class="footer-grids">
            <div class="col-md-3 footer-grid">
                <h3 class="title">Flckr Posts</h3>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/7.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/8.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/9.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="clearfix"> </div>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/9.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/7.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="footer-grd">
                    <a href="#">
                        <img src="__IMAGES__/8.jpg" class="img-responsive" alt=" ">
                    </a>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-3 footer-grid">
                <h3 class="title">Recent Posts</h3>
                <ul>
                    <li><a href="#">Vestibulum felis</a></li>
                    <li><a href="#">Mauris at tellus</a></li>
                    <li><a href="#">Donec ut lectus</a></li>
                    <li><a href="#">vitae interdum</a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid">
                <h3 class="title">Useful Info</h3>
                <ul>
                    <li><a href="#">Hendrerit quam</a></li>
                    <li><a href="#">Amet consectetur </a></li>
                    <li><a href="#">Iquam hendrerit</a></li>
                    <li><a href="#">Donec ut lectus </a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid">
                <h3 class="title">Contact Us</h3>
                <p>Pelleesque conquat dignissim lacus quis altrcies.</p>
                <div class="footer-grid-address">
                    <p>Tel : 800-255-9999</p>
                    <p>Fax : 1234 568</p>
                    <p>Email : <a class="email-link" href="mailto:example@mail.com">mail@example.com</a></p>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<div class="clear"> </div>
<div class="copy-right">
    <div class="container">
        <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
    </div>
</div>
<!--//footer-->
<!--smooth-scrolling-of-move-up-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!--//smooth-scrolling-of-move-up-->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="__JS__/bootstrap.js"></script>
</body>
</html>

